<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Calendar Demos</title>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<link  href="../../../../themes/default/ui.css" type="text/css" id="themesLink" rel="stylesheet" />
	<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<script language="javascript" type="text/javascript" src="../WdatePicker.js"></script>

	<script>
		$(function(){
			$("#calendar1").calendar();
			$("#calendar2").calendar();
		});
	</script>
	
</head>

<body>
	
		<div id='content-default' class='demo'>
		<h5><b>提示：</b>日历控件显示时，能自动根据绑定的输入域在窗口中的位置，自动计算合适的显示位置，避免日历选择框被所在窗口遮住。</h5>
			
			<div>
				日历文本框(上)：<input class="Wdate" type="text" id="calendar1">
				<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
				
				日历文本框(下)：<input class="Wdate" type="text" id="calendar2">
			</div>
	</div>
</body>
</html>